<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<title>登陆界面</title>
<script type="text/javascript" src="js/jquery-1.10.1.js"></script>
<script type="text/javascript" src="js/jquery.ui.js"></script>
<script type="text/javascript" src="js/lg.js"></script>
<script type="text/javascript" src="js/sec.js"></script>
<link rel="stylesheet" href="css/jquery.ui.css" type="text/css">
<link rel="stylesheet" href="css/dec.css" type="text/css">
<link rel="stylesheet" href="css/add.css" type="text/css">
<link rel="stylesheet" href="css/bdd.css" type="text/css">
</head>
<body>
	<div id="contain1">
		<div id="login">
			<div id="out1"></div>
			<div id="out3">
				<ul>
					<li><a href="Login.jsp">用户登录</a></li>
					<li><a id="a_register"><font style="color: rgb(85,26,139);cursor: pointer;">网银注册</font></a></li>
				</ul>
			</div>
		</div>
		<div id="out"></div>
		<div id="out4">
			<div id="out41"></div>
			<div id="out42"></div>
			<div id="linput">
				<form method="post" id="loginform">
					<table id="lintab" cellpadding="13px">
						<tr>
							<td><font>用户名/银行卡号：</font></td>
							<td><input type="text" name="wname" id="wwname"></td>
						</tr>
						<tr>
							<td style="padding-left: 56px;"><font>登录密码：</font></td>
							<td><input type="password" name="wpass" id="wwpass"></td>
						</tr>
						<tr>
							<td></td>
							<td id="ts_td"><font id="ts">用户名和密码密码区分大小写字母</font></td>
						</tr>
						<tr>
							<td></td>
							<td><p id="zhaohui_jquery">找回用户名密码</p></td>
						</tr>
					</table>
				</form>
				<div id="div_login_input">
					<input type="button" value="登录" id="submit_log">
				</div>
				<div id="div_log_name"></div>
				<div id="div_log_pass"></div>
			</div>
		</div>
		<div id="out5"></div>
	</div>


	<!-- 遮罩层and找回用户名密码 -->
	<div id="bg"></div>
	<div class="zhaohui" style="display: none;">
		<div id="tiao">
			<p>找回用户名密码</p>
		</div>
		<div id="sanbu">
			<ul>
				<li><div id="sanbu_1">
						<font>1 核实身份</font>
					</div></li>
				<li><div id="sanbu_2">
						<font>2 重设密码</font>
					</div></li>
				<li><div id="sanbu_3">
						<font>3 完成</font>
					</div></li>
			</ul>
		</div>
		<div id="input_message">
			<form id="zhaohui_one_form" method="post">
				<table>
					<tr>
						<td>*银行卡号：</td>
						<td><input type="text" name="cardid"></td>
					</tr>
					<tr>
						<td>*取款密码：</td>
						<td><input type="password" name="pass"></td>
					</tr>
					<tr>
						<td>*身份证号：</td>
						<td><input type="text" name="userid"></td>
					</tr>
				</table>
			</form>
			<div id="zhaohui_one_cardid"></div>
			<div id="zhaohui_one_pass"></div>
			<div id="zhaohui_one_userid"></div>
		</div>
		<div id="zhaohui1_tishi">
			<div>
				1.带*号的输入栏为必填项<br /> 2.您可使用任意已关联网银的银行卡，在网上自助找回用户名和密码；
				您也可以携带有效身份证件以及您已关联网银的银行卡或存折，至我行网点柜台办理相关信息找回业务。
			</div>
		</div>
		<ul id="zhaohui_next">
			<li><input type="button" value="取消" id="zhaohui_quxiao_button"></li>
			<li><input type="button" value="下一步" id="zhaohui_next_button"></li>
		</ul>
	</div>
	<!-- 第二步div,显示用户名，选择是否重置密码 -->
	<div id="zhaohui_two" style="display: none;">
		<div id="tiao">
			<p>找回用户名密码</p>
		</div>
		<div id="sanbu">
			<ul>
				<li><div id="sanbu_1">
						<font>1 核实身份</font>
					</div></li>
				<li><div id="sanbu_2">
						<font>2 重设密码</font>
					</div></li>
				<li><div id="sanbu_3">
						<font>3 完成</font>
					</div></li>
			</ul>
		</div>
		<div id="yon_tishi">
			<div>请选择是否需要重置密码。</div>
		</div>
		<div id="zhaohui_two_message">
			<jsp:useBean id="ub" class="org.jsoft.bean.UserBean"></jsp:useBean>
			<table id="name_yon">
				<tr>
					<td>用户名：</td>
					<td>${sessionScope.webname}</td>
				</tr>
				<tr>
					<td>*是否重置密码：</td>
					<td><input type="radio" name="yon" id="yon_yes"
						checked="checked">是 <input type="radio" name="yon"
						id="yon_no">否</td>
				</tr>
			</table>
			<form id="zhaohui_two_form" method="post">
				<!-- 如果用户选择重置密码，则输入新密码和确认密码的 table -->
				<table id="newpass_confirm">
					<tr>
						<td>新密码：</td>
						<td><input type="password" name="new_webpass"></td>
					</tr>
					<tr>
						<td></td>
						<td><font>8-20位数字、英文字母和标点符号组成，区分大小写</font></td>
					</tr>
					<tr>
						<td>请再次输入：</td>
						<td><input type="password" name="confirm_new_webpass"></td>
					</tr>
				</table>
				<div id="zhaohui2_yes_div"></div>
				<!-- 如果用户选择不重置密码，则输入原密码  的table-->
				<table id="oldpass_input" style="display: none;">
					<tr>
						<td>输入密码：</td>
						<td><input type="password" name="old_webpass"></td>
					</tr>
				</table>
				<div id="zhaohui2_no_div"></div>
			</form>
		</div>
		<div id="zhaohui2_tishi">
			<div>
				1.带*号的输入栏为必填项。<br /> 2.您可以选择 “是” 进行重置密码，或者选择 “否”直接使用原密码登录网银。
			</div>
		</div>
		<ul id="zhaohui2_yes_anniu">
			<li><input type="button" value="上一步" id="zhaohui2_yes_before"></li>
			<li><input type="button" value="下一步" id="zhaohui2_yes_next"></li>
			<li><input type="button" value="取消" id="zhaohui2_yes_cancel"></li>
		</ul>
		<ul id="zhaohui2_no_anniu" style="display: none;">
			<li><input type="button" value="上一步" id="zhaohui2_no_before"></li>
			<li><input type="button" value="登录" id="zhaohui2_no_login"></li>
			<li><input type="button" value="取消" id="zhaohui2_no_cancel"></li>
		</ul>
	</div>
	<!-- 找回密码的第三步 -->
	<div id="zhaohui_three" style="display: none;">
		<div id="tiao">
			<p>找回用户名密码</p>
		</div>
		<div id="sanbu">
			<ul>
				<li><div id="sanbu_1">
						<font>1 核实身份</font>
					</div></li>
				<li><div id="sanbu_2">
						<font>2 重设密码</font>
					</div></li>
				<li><div id="sanbu_3">
						<font>3 完成</font>
					</div></li>
			</ul>
		</div>
		<div id="zhaohui_three_main">
			<div>
				您已成功重置密码，请以后用新密码登陆网银<br /> 请点击“直接登录”按钮体验中行网银。
			</div>
		</div>
		<ul id="zhaohui_three_anniu">
			<li><input type="button" value="关闭" id="zhaohui_three_close"></li>
			<li><input type="button" value="直接登录" id="zhaohui_three_login"></li>
		</ul>
	</div>
	<!-- 注册功能的div,第一步 -->
	<div id="register_one" style="display: none;">
		<div id="tiao">
			<p>我要注册</p>
		</div>
		<div id="sanbu">
			<ul>
				<li><div id="sanbu_1">
						<font>1 核实身份</font>
					</div></li>
				<li><div id="sanbu_2">
						<font>2 设置用户名密码</font>
					</div></li>
				<li><div id="sanbu_3">
						<font>3 完成</font>
					</div></li>
			</ul>
		</div>
		<div id="register_one_main">
			<form method="post" id="register_form">
				<table>
					<tr>
						<td>银行卡号：</td>
						<td><input type="text" name="cardid"></td>
					</tr>
					<tr>
						<td>身份证号：</td>
						<td><input type="text" name="userid"></td>
					</tr>
					<tr>
						<td>取款密码：</td>
						<td><input type="password" name="pass"></td>
					</tr>
				</table>
			</form>
		</div>
		<div id="register_one_tishi">
			<div>
				1.带*号的输入框为必填项。<br/>
				2.您可使用任意已关联网银的银行卡，在网上自助找回用户名或密码；您也可以携带有效身份证件以及您已关联网银的
				银行卡或存折，至我行网点柜台办理相关信息找回服务。
			</div>
		</div>
		<ul id="register_one_button_ul">
			<li><input type="button" id="register1_cancel" value="取消"></li>
			<li><input type="button" id="register1_next" value="下一步"></li>
		</ul>
		    <div id="div_register_cardid"></div>
			<div id="div_register_userid"></div>
			<div id="div_register_pass"></div>
	</div>
	<!-- 注册第二步 -->
	<div id="register_two" style="display: none;">
		<div id="tiao">
			<p>我要注册</p>
		</div>
		<div id="sanbu">
			<ul>
				<li><div id="sanbu_1">
						<font>1 核实身份</font>
					</div></li>
				<li><div id="sanbu_2">
						<font>2 设置用户名密码</font>
					</div></li>
				<li><div id="sanbu_3">
						<font>3 完成</font>
					</div></li>
			</ul>
		</div>
		<div id="register_two_main">
			<form method="post" id="register_next_form">
				<table>
					<tr>
						<td>请输入用户名</td>
						<td><input type="text" name="webname"></td>
					</tr>
					<tr>
						<td>输入网银密码</td>
						<td><input type="password" name="webpass1"></td>
					</tr>
					<tr>
						<td>再次确认密码</td>
						<td><input type="password" name="webpass2"></td>
					</tr>
				</table>
			</form>
		</div>
		<div id="register_two_tishi">
			<div>
				1.带*号的输入框为必填项。<br/>
				2.您可使用任意已关联网银的银行卡，在网上自助找回用户名或密码；您也可以携带有效身份证件以及您已关联网银的
				银行卡或存折，至我行网点柜台办理相关信息找回服务。
			</div>
		</div>
		<ul id="register_two_button_ul">
			<li><input type="button" id="register2_cancel" value="取消"></li>
			<li><input type="button" id="register2_next" value="下一步"></li>
			<li><input type="button" id="register2_before" value="上一步"></li>
		</ul>
		<div id="div_register_next_name"></div>
		<div id="div_register_next_pass"></div>
	</div>
	<!-- 注册第三步成功页面 -->
	<div id="register_three" style="display: none;">
		<div id="tiao">
			<p>我要注册</p>
		</div>
		<div id="sanbu">
			<ul>
				<li><div id="sanbu_1">
						<font>1 核实身份</font>
					</div></li>
				<li><div id="sanbu_2">
						<font>2 设置用户名密码</font>
					</div></li>
				<li><div id="sanbu_3">
						<font>3 完成</font>
					</div></li>
			</ul>
		</div>
		<div id="register_three_main">
			<div>注册成功，请以后用用户名（卡号）密码登陆网银<br /> 请点击“直接登录”按钮体验中行网银。
			</div>
		</div>
		<ul id="register_three_anniu">
			<li><input type="button" value="直接登录" id="register_three_login"></li>
			<li><input type="button" value="关闭" id="register_three_close"></li>
		</ul>
	</div>
</body>
</html>